<script>
    function faChoice($) {
        var urlName = "<?php echo substr($_SERVER['PHP_SELF'], strrpos($_SERVER['PHP_SELF'], "/") + 1); ?>".replace(".php", "");
        document.getElementById(urlName).className += " active-menu";
        if (urlName.indexOf("_") > 0) {
            document.getElementById(urlName.substr(0, urlName.indexOf("_"))).className += " active-plus";
            document.getElementById(urlName.substr(0, urlName.indexOf("_")) + "Ul").className += " show-submenu";
        }
    }
</script>
<!-- 加载等待框 -->
<div id="preloader">
    <div id="status">
        <p class="center-text">
            田宁在等你，正在加载页面[首次较慢]...
            <em>加载速度就看你的网络咯!</em>
        </p>
    </div>
</div>

<!--弹出框-->
<ul class="menu-top">
    <li id="index"><a href="/hush-Inn"><i class="fa fa-home"></i>主页<i
                class="fa fa-circle"></i></a></li>
    <li>
        <a class="has-submenu" href="javascript:;"><i class="fa fa-code"></i>记-记术<i id="skill" class="fa fa-plus"></i></a>
        <ul id="skillUl" class="submenu">
            <li id="skill_fe"><a href="/hush-Inn/skill/skill_fe.php"><i class="fa fa-angle-right"></i>前端<i
                        class="fa fa-circle"></i></a></li>
            <li id="skill_be"><a href="/hush-Inn/skill/skill_be.php"><i class="fa fa-angle-right"></i>后台<i
                        class="fa fa-circle"></i></a></li>
            <li id="skill_others"><a href="/hush-Inn/skill/skill_others.php"><i class="fa fa-angle-right"></i>其他<i
                        class="fa fa-circle"></i></a></li>
        </ul>
    </li>
    <li>
        <a class="has-submenu" href="javascript:;"><i class="fa fa-camera"></i>心-心旅<i id="travel" class="fa fa-plus"></i></a>
        <ul id="travelUl" class="submenu">
            <li id="travel_diary"><a href="/hush-Inn/travel/travel_diary.php"><i class="fa fa-angle-right"></i>甜园<i
                        class="fa fa-circle"></i></a></li>
            <li id="travel_itinerary"><a href="/hush-Inn/travel/travel_itinerary.php"><i class="fa fa-angle-right"></i>旅途<i
                        class="fa fa-circle"></i></a></li>
<!--            <li id="travel_morefar"><a href="/hush-Inn/travel/travel_morefar.php"><i class="fa fa-angle-right"></i>远一点吧<i-->
<!--                        class="fa fa-circle"></i></a></li>-->
            <li id="travel_yearn"><a href="/hush-Inn/travel/travel_yearn.php"><i class="fa fa-angle-right"></i>向往地<i
                        class="fa fa-circle"></i></a></li>
        </ul>
    </li>
    <li>
        <a class="has-submenu" href="javascript:;"><i class="fa fa-coffee"></i>憩-憩息<i id="rest" class="fa fa-plus"></i></a>
        <ul id="restUl" class="submenu">
            <li id="rest_eating"><a href="/hush-Inn/rest/rest_eating.php"><i class="fa fa-angle-right"></i>吃货<i
                        class="fa fa-circle"></i></a></li>
            <li id="rest_live"><a href="/hush-Inn/rest/rest_live.php"><i class="fa fa-angle-right"></i>会生活<i
                        class="fa fa-circle"></i></a></li>
            <li id="rest_videos"><a href="/hush-Inn/rest/rest_videos.php"><i class="fa fa-angle-right"></i>动影<i
                        class="fa fa-circle"></i></a></li>
        </ul>
    </li>
    <li>
        <a class="has-submenu" href="javascript:;"><i class="fa fa-cloud"></i>在线工具<i id="tools" class="fa fa-plus"></i></a>
        <ul id="toolsUl" class="submenu">
            <li id="tools_2048"><a href="/hush-Inn/tools/tools_2048.php"><i class="fa fa-angle-right"></i>2048<i
                        class="fa fa-circle"></i></a></li>
            <li id="tools_regularToolPage">
                <a href="/hush-Inn/tools/tools_regularToolPage.php"><i class="fa fa-angle-right"></i>正则在线测试<i
                        class="fa fa-circle"></i></a></li>
            <li id="tools_markDownToolPage">
                <a href="/hush-Inn/tools/tools_markDownToolPage.php"><i class="fa fa-angle-right"></i>MarkDown测试<i
                        class="fa fa-circle"></i></a></li>
        </ul>
    </li>
    <li id="newGoods"><a href="javascript:;"><i class="fa fa-heart-o"></i>新品<i class="fa fa-circle"></i></a></li>
    <li><a class="close-menu" href="javascript:;"><i class="fa fa-times"></i>关闭<i class="fa fa-circle"></i></a></li>
</ul>
<!--弹出框-结束-->